body {
  font: 14px arial,sans-serif;
  background-color: #ffffff;
  line-height: 125%;
  padding: 0;
  margin: 0;
  background-image:url('bg.jpg');
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position:center; 
  color: rgb(66,83,73);
}

#header {
  background-color: rgb(66,83,73);
  color: rgb(192,208,202);
  width: 100%;
  background-image:url('banner.png');
  background-repeat:repeat-x;
  background-position:top;
}

#logo {
  display: table-cell;
  vertical-align:middle;
  width:15em;
  padding-right:1%;
}

#judul {
  display: table-cell;
  vertical-align:middle;
  width:30em;
}

#menu {
  display: table-cell;
  vertical-align:middle;
  text-align:center;
}

#menu ul li {
  display: table-cell;
  padding-right:10px;
  padding-left:10px;
  color: rgb(192,208,202);
}

/*Buat bagian linknya*/
#menu ul li a {
  text-decoration: none;
}

#menu ul li a:link {
  color: rgb(192,208,202);
}

#menu ul li a:visited {
  color: rgb(192,208,202);
}

#menu ul li a:hover {
  color: #444444;
}

#menu ul li a:active {
  color: #888888;
}

#bodycontent {
  top: 100px;
  padding: 10px;
  margin-left: 5%;
  margin-right: 5%;
}

.contentcontainer {
  padding: 1%;
  background-image:url('dot.png');
  background-repeat:repeat;
}

.contentboxh {
  display: table-cell;
}

.home-box {
  margin: 1%;
  padding: 5%;
  background-image:url('dot.png');
  background-repeat:repeat;
  border: 5px dashed #888888;
  text-align:center;
  width:auto;
  height:250px;
}

.title-text {
  width: auto;
  color: #444444;
  background-image:url('dot.png');
  background-repeat:repeat;
  border: 5px dashed #888888;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align:center;
}

.thumbnailh {
  width:50%;
  height:50%;
}

.logoimage {
  width:200px;
  height:100px;
}

.fullimage {
  width:50%;
  height:50%;
}

.contentbox {
  margin: 5px;
  padding: 1%;
  width:auto;
  background-image:url('dot.png');
  background-repeat:repeat;
  border: 5px dashed #888888;
}

.center-align {
  text-align:center;
}

.left-align {
  text-align:left;
}

.right-align {
  text-align:right;
}

.list-image {
  text-align:left;
  display:table-cell;
  vertical-align:middle;
  margin:1%;
}

.list-description {
  display:table-cell;
  vertical-align:middle;
  padding-left:1%;
  padding-right:1%;
}

#content-image {
  text-align:center;
  vertical-align:middle;
  margin-left:10%;
  margin-right:10%;
}

#content-desc, #content-like, #content-inp-username, #content-inp-comment, #content-add-comment, #content-comments {
  padding:1%;
}

.content-comment {
  margin-top:1%;
  margin-bottom:1%;
  padding:1%;
  width:auto;
  background-color: #eeeeee;
}

.form-element1 {
  width:200px;
  display:table-cell;  
}

.form-element2 {
  width:800px;
  display:table-cell;  
}